.rank{
    margin-bottom: 61px;
    .flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-pack-justify {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-align-center {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    width: 1280px;
    height: 100%;
    box-shadow: -0.1px 2px 18px 0px 
		rgba(36, 141, 248, 0.13);
    border-radius: 4px;
    
    .title{
        width: 100%;
        height: 66px;
        padding-left: 27px;
        padding-top: 21px;
        font-size: 24px;
        color:#000;
        font-family: SourceHanSansCN-Light;
       
    }
    table{
        width: 100%;
        box-sizing: border-box;
       
        td{
            font-family: SourceHanSansCN-Regular;
        }
        .tb_1{
            width: 16.83%;
        }
        .tb_2{
            width:21.6%;
         }
        .tb_3{
            width: 22.19%;
        }
        .tb_4{
            width: 22.27%;
        }
        .tb_5{
            width: 17.11%;
        }
        thead{
            background-color: #1bb8fa;
            height:54px;
            tr{
                height: 54px;
                font-family: SourceHanSansCN-Regular;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0.7px;
                color: #ffffff;
                td{
                    text-align: center;
                    line-height: 54px;
                    padding: 0px;
                    border-left:none;
                }
            }
        }
        tbody{
            background: #fff;
            tr{
                height:40px;
                width: 100%;
                td{
                    text-align: center;
                    font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0.6px;
                color: #333333;
                line-height: 40px;
                padding: 0px;
                box-sizing: border-box;
                }
            }
           
        }
        

    }
    .classify{
        width: 100%;
        margin-top:26px;
        .leftsidebar{
            width: 48.36%;
            box-shadow: -0.1px 2px 18px 0px 
		rgba(36, 141, 248, 0.13);
        border-radius: 4px;
        .info{
            width:100%;
            div{
                width: 33.33%;
                height:55px;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                color:#000;
                text-align: center;
                line-height: 55px;
                background: #fff;
                font-family: SourceHanSansCN-Light;
            }
            .tab-active{
                background-color: #e8f1fa;
                border-bottom:3px solid #1bb8fa;
            }
        }
        .infoList>div{
            display: none;
         }
         .infoList  .div-active{
             display: block;
             width: 100%;
         }
         .infoList {
             width: 100%;
             padding-left: 27px;
             padding-top:39px;
             background:#fff;  
             height:359px;
             border-top:1px solid #eee;
             .list_info{
                 height:100%;
             }
             .ranking {
                 margin-bottom: 12px;
                 .name{
                     font-size:14px;
                     color: #666666;
                     letter-spacing: 0.6px;
                     margin-right:24px;
                     font-family: SourceHanSansCN-Regular;
                    //  width: 100px;
                    //  text-align:right;

                 }
                 .rankLine{
                     width: 53.84%;
                     height:16px;
                     background-color: #e8f1fa;
                    box-shadow: -0.1px 2px 18px 0px 
                        rgba(36, 141, 248, 0.13);
                    border-radius: 4px;
                    margin-right:20px;
                    border-radius: 7.8px;
                 }
                 .line2{
                     width:48.28%;
                     background: #f98165;
                 }
                 .line3{
                     width:43.74%;

                 }
                 .line4{
                    width:43.11%;
                    
                }
                .line5{
                    width:42.42%;
                }
                .line6{
                    width:42.25%;
                }
                .line7{
                    width:41.23%;
                }
                .line8{
                    width:37.62%;
                }
                 .rankScore{
                    font-size: 14px;
                    color:#666;
                    letter-spacing:0.6px;
                    margin-right: 20px;
                 }
                 .rankIcon1 span{
                        font-size:24px;
                     color: #fea914;
                 }
                 .rankIcon2 span{
                     color:#a9bad4;
                     font-size: 24px;
                 }
                 .rankIcon3 span{
                     color:#e9a186;
                     font-size:24px;
                 }
             }
         }
        }
        .rightsidebar{
            width: 48.36%;
            box-shadow: -0.1px 2px 18px 0px 
            rgba(36, 141, 248, 0.13);
            border-radius: 4px;
            .info{
                width: 100%;
                div{
                width:25%;
                height:55px;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                color:#000;
                text-align: center;
                line-height: 55px;
                background: #fff;
                font-family: SourceHanSansCN-Light;
                }
                .actived{
                    background-color: #e8f1fa;
                    border-bottom:3px solid #1bb8fa;
                }
            }
            .right_rank{
                width: 100%;
                // padding-left: 27px;
                padding-top:39px;
                background:#fff;  
                height:359px;
                border-top: 1px solid #eee;
                .comonDisplay{
                    height:100%;
                    display: none;
                    .ContractRanking {
                        margin-bottom:35px;
                        .name{
                            font-size: 14px;
                            color: #666666;
                            margin-right: 24px;
                            width:70px;
                            text-align: right;
                            font-family: SourceHanSansCN-Regular;
                        }
                        .rankingLine{
                            width:53.54%;
                            height: 16px;
                            background-color: #dfeffe;
                            border-radius: 7.8px;
                        }
                        .rankingLine2{
                            width:40.54%;
                            height: 16px;
                            background-color: #dfeffe;
                            border-radius: 7.5px;
                        }
                        .rankingLine3{
                            width:20.54%;
                            height: 16px;
                            background-color: #dfeffe;
                            border-radius: 7.5px;
                        }
                        .icon span{
                            font-size:24px;
                            margin-left: 20px;
                            color:#fea914;
                        }
                        .icon2 span{
                            color:#a9bad4;
                            font-size:24px;
                            margin-left: 20px;
                        }
                        .icon3 span{
                            color:#e9a186;
                            font-size:24px;
                            margin-left: 20px;
                        }
                    }
                    
                }
                .show{
                    display: block;
                }
            }
        }
    }
}